<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">
  <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
    <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- SELECT2 -->
    <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css"/>
    	    <!-- file-input -->
    <link rel="stylesheet" type="text/css" href="../../js/file-input/fileinput.css" />
    <!-- UNIFORM -->
    <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css"/>
    <!-- datatable -->
    <link rel="stylesheet" href="../../js/datatables/datatable.css">
    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
   <!-- JQUERY -->
		<script src="../../js/jquery/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
		<script src="../../js/common.js"></script>
</head>
<body>
	<header class="navbar clearfix" id="header">
	</header>
	
	<!-- PAGE -->
	<section id="page">
				<!-- SIDEBAR -->
				<div id="sidebar" class="sidebar">
						<div class="sidebar-menu nav-collapse">
						
						<!-- SIDEBAR MENU -->
						<ul>							
						</ul>
						</div>
						

				</div>
				<!-- /SIDEBAR -->
		<div id="main-content">
		<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
				<div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
					<form id="form_focus">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title">上传退款扫描件</h4>
							</div>
							<div class="modal-body">
								<div class="form-group  mrg-bt10">
								<input type="hidden" name="id" />
									<label class="control-label col-md-3" style="line-height:34px;">退货编号：</label>
									<div class="col-md-6 returnCode">
										
										
									</div>
								</div>
								<div class="form-group  mrg-bt10" style="height: 100px">
									<label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>上传文件：</label>
									<form>
									<div class="col-md-8">									
                                      	<div hidden-image></div>
								          	<div class="fileinput fileinput-new" data-provides="fileinput" >
									          	
												<div style="float:left; margin-left:5px;" class="addnewimg" id="f_span">
													<span class="btn btn-default btn-file" id="fir">
														<span class="fileinput-new" id="two" >上传图片</span>		
														<span class="fileinput-exists">Change</span>												
															<input type="file" name="uploadFile" upload-file="imageUrlProduct">
													</span>
													<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style=" margin-bottom: 0px;margin-top:10px;">
													<div class="progress-bar progress-bar-success" style="width:0%;"></div>
												    </div>	
												</div>
												
											</div>
																		 								
																	
									</div>
								</form>	
						
							</div>
								<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

							</div>
						       
							</div>
							
						</div>
						</form>
						
					</div>
				</div>
				<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
				
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->
									
									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-home"></i>
											<a href="index.html">首页</a>
										</li>
										<li>
											<a href="#">营销管理</a>
										</li>
										<li>优惠劵</li>
									</ul>
									<!-- /BREADCRUMBS -->
									
								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						<!-- FORMS QUERY-->
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-12">
										<div class="box border primary">
											<div class="box-title">
												<h4><i class="fa fa-bars"></i>查询条件</h4>
											</div>
											<div class="box-body big" style="padding:10px;">												
												<form class="form-horizontal" role="form" id="form_Order" action="../../admin/order/exportOrder.do">
												  <div class="form-group mrg-bt10">
													<label class="col-sm-1 control-label" style="width: auto">订单编号：</label>
													<div class="col-sm-2">
													  <input type="text" class="form-control" name="orderId" placeholder="输入关键字">
													</div>
													<label class="col-sm-1 control-label" style="width: auto">物流单号：</label>
													<div class="col-sm-2">
													  <input type="text" class="form-control" name="expressCode" placeholder="输入关键字">
													</div>
													
													<label class="col-sm-1 control-label" style="width: auto">下单日期：</label>
													<div class="col-sm-4" style="display:inline-flex;width:270px">
													<div class="col-sm-2" style="width:130px">
														 <input type="text" name="startDate"  class="form-control bootstrap-datepicker">
													</div>
													<div style="width: 20px">至</div>
														<div class="float-left" style="width:130px">
															 <input type="text" name="endDate" class="form-control bootstrap-datepicker">
														</div>	
													</div>
													<div class="col-sm-1"  >
										       				<a class="btn btn-primary search">查询</a>
														</div>
												  </div>
											   </form>
											</div>
											
										</div>
									</div>
								</div>	
								
									
						    </div>
						</div>
						<!-- /FORMS QUERY -->
					    <div class="row">
								<!-- TABLES -->
								<div class="col-md-12">
									<!-- BOX -->
									<div class="box border primary">
										<div class="box-title">
											<h4><i class="fa fa-table"></i>订单数：<span id="total"></span>条 </h4>
											
										</div>
										<div class="box-body">
											<table id="db_Order_list" style="table-layout:fixed;word-break:break-all;word-wrap:break-word" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
												
											</table>
										</div>
									</div>
									<!-- /BOX -->
								</div>
						</div>
						<!-- /TABLES -->
						<div class="modal fade" id="logistics_config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title">补充物流</h4>
									</div>
									<div class="modal-body">
										<div class="form-group">
											<label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>物流公司：</label>
											<div class="col-md-4">
												<select  id="userexpress_select" class="col-md-12 select2-offscreen" tabindex="-1">
												<option value='STO'>申通快递</option>
												<option value='ZTO'>中通快递</option>
												<option value='YTO'>圆通速递</option>
												<option value='SF'>顺丰速运</option>
												<option value='YD'>韵达速递</option>
										
												</select>
											</div>
										</div>
										<div class="form-group">
											<label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>物流单号：</label>
											<div class="col-md-4">
												<input type="text" class="form-control" name="userexpressCode" placeholder="请输入物流单号" maxlength="20" />
												
											</div>
										</div>
										
									</div>
									
									<div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
										<button type="button" class="btn btn-success bt-updatelogistics">保存</button>
									</div>
								</div>
							</div>
						</div>
						
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>
		</div>
	</section>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
		<!-- BOOTSTRAP -->
		<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>

		<!-- BLOCK UI -->
		<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
		
		<!-- AUTOSIZE -->
		<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
	
		<!-- INPUT MASK -->
		<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
		<!-- SELECT2 -->
		<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
	   
	     <!-- bootstrap-fileupload -->
	    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.iframe-transport.js"></script>
	    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload.min.js"></script>
	    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-process.min.js"></script> 
	    <script type="text/javascript" src="../../js/jquery-upload/js/jquery.fileupload-validate.min.js"></script>
	    
		<!-- UNIFORM -->
		<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
		<!-- spinner -->
		<script src="../../js/spinner/spin.js"></script>
		<!-- DATA TABLES -->
		<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
		<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

		<!--bootbox-->
		<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
		<!-- COOKIE -->
		<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
		<!-- CUSTOM SCRIPT -->
		<script src="../../js/script.js"></script>
		<script>		
		var Order=function(){
	         var  $mainDataTable=null;           
	      	 
	    	 var updateLogistics=function(){
		      		$("[name=userexpressCode]").val('');
		      		var id=$(this).attr("id");
		      		var code=$(this).attr("code");
		        	 $("#userexpress_select").select2();
			      	  $("#logistics_config").modal("show");
			      	  $(".bt-updatelogistics").unbind("click").click(function(){
				      	    var expressCode=$("[name=userexpressCode]").val();
				      	   
				      		if(expressCode.trim()==""){
				      		  $("#logistics_config").find(".form-group:eq(1)").addClass("has-error");
									return false;
				      		}
				      		   		$.ajax({
										type: "get",
										url: App.getContextPath() + "admin/returnorderoff/userSendOrder.do",
										data:{id:id,userExpressCompany:$("#userexpress_select option:selected").text(),userExpressCode:expressCode},
										async: true,
										success: function(result) {
											$.alert("更新成功");
											$("#logistics_config").modal("hide");
											$("[name=userexpressCode]").val('');
											searchOrder();							
													
											}
										
									});
				      		
				      		 });
			      	  
		      	 };
	         var searchOrder=function(){
	         
	          var startDate=$("input[name=startDate]").val();
	          var endDate=$("input[name=endDate]").val();  
	          var orderId=$("input[name=orderId]").val();
	          var expressCode=$("input[name=expressCode]").val();
	          var url=App.getContextPath()+"admin/returnorderoff/seachReturnOrder.do?orderId="+orderId+"&expressCode="+expressCode;
	           if(orderId=="" && expressCode==""){
	              if(startDate!="")
					url+="&startDate="+startDate;
				  if(endDate!="")
				   url+="&endDate="+$.dateAdd(endDate);
	           }
	           
			       if($mainDataTable){
			           $mainDataTable.api().ajax.url(url).load();	   		
		   		       return;	
			        }
		           var dtSetting = $.dataTableSetting({					
							"ajaxSource" :url,
							"serverSide" : true,
							"bFilter" : false,// 去掉搜索框
							"bLengthChange" : true,// 每页显示数量							
							"sScrollX":"100%",
							"sScrollXInner": "100%",
							"iDisplayLength": 25,
							
							"bSort" : false,					
							"aoColumns" : [ {
								"mDataProp" : "orderId",
								"sTitle" : "订单编号",
								"width" : "10%",
							}, 
							{
								"mDataProp" : "returnCode",
								"sTitle" : "退款单号 ",
								"width" : "9%"				
							},
							{
								"mDataProp" : "userExpressCode",
								"sTitle" : "物流单号 ",
								"width" : "9%"				
							},
							{
								"mDataProp" : "refundPrice",
								"sTitle" : "退款 ",
								"width" : "9%"				
							},{
								"mDataProp" : "refundAccountPrice",
								"sTitle" : "退成长基金",
								"width" : "10%",
							}, {						
								"sTitle" : "总额",
								"mDataProp" : "returnPrice",
								"width" : "10%"
							}, {						
								"sTitle" : "创建时间",
								"mDataProp" : "createTime",
								"width" : "10%"	,
								"render":function(data, type, row){
									   return $.getLocalTime(row.createTime);
									}
							},{
								"sTitle" : "操作",
								"width" : "15%",
								"render":function(data, type, row){
								 var str="<a class='btn btn-warning btn-xs btn-width' style='width:60px;margin-left:0px;margin-right:5px;margin-top:2px;' href='detail.html?id="+row.returnCode+"&userId="+row.userId+"'><i class='fa fa-arrow-circle-o-up'></i>详情</a>";
						
								 if(row.userExpressCode == null){
									 str+="<a class='btn btn-success btn-xs btn-width bt-logistics' style='width:80px;margin-left:0px;margin-right:5px;margin-top:2px;' id="+row.id+" code="+row.returnCode+" '><i class='fa fa-arrow-circle-o-up'></i>补充物流</a>";
								 }
								 if (row.isUpload) {
			                           	str += "<a class='btn btn-warning btn-xs btn-width download' target=_blank style='width:60px ;'  href='//yiigoo-pro.oss-cn-beijing.aliyuncs.com/Return/"+row.returnCode+".jpg' >下载</a>";
			                           	
			                           }else{
			                           	str += "<a class='btn btn-success btn-xs btn-width upload' style='width:60px ;' href='javascript:void(0)' returnCode='" + row.returnCode + "' id='"+row.id+"'></i>上传</a>";
			                           }
							     return str;
								}
							}]
					
						});
					
				      $mainDataTable = $("#db_Order_list").dataTable(dtSetting);
	         };
	         var returnCode="",id="";
	         var fileUpLoad=function(){	
	         	
	      		$(".progress").hide();       	
	 			$("[upload-file=imageUrlProduct]").fileupload({
	 				url: App.getContextPath()+"admin/returnorderoff/upLoadReturn.do",
	 				formData: {fileType: "Return",returnCode:returnCode,id:id},
	 				dataType: 'json',
	 				acceptFileTypes: /(\.|\/)(gif|jpe?g|png|JPG?g)$/i,
	 				iframe: true,
	 			    start:function(e) {		    	
	 			    	$('.progress').fadeIn(300);					    	
	 			    	return true;
	 		    		},
	 				autoUpload: true,
	 				done: function(e, data) {					
	 						$("#box-config").modal("hide");
	 						$.alert("上传成功");
	 						searchOrder();
	 					
	 				},						
	 			    progressall: function (e, data) {					    	
	 		            var progress = parseInt(data.loaded / data.total * 100, 10);
	 		            $('.progress .progress-bar').css('width',progress + '%');
	 		        }
	 			}).on('fileuploaddone',function(e,data) {
	 					$(".progress").fadeOut(300);
	 			
	 			});
	 		
	      };
	       
	         return {	         
	         init:function(){
	           $.initDate($("#form_Order"),0,0);	         
	          $(".search").click(searchOrder);	
	            searchOrder();	 
	            $("#db_Order_list").on("click",".bt-logistics",updateLogistics); 
	            $("#db_Order_list").on("click", ".upload", function () {
                	returnCode=$(this).attr("returnCode");
                	id=$(this).attr("id");
                	
                	fileUpLoad();
                	$("#box-config").find("[name=id]").val(id);
                	$("#box-config").find(".returnCode").html(returnCode);
  	                $("#box-config").modal("show");

                })
	             
	          }
		    }
	      }();
	      
	      $(function(){
	      	$("#header").load("../head.html");
	      	App.init(); //Initialise plugins and elements	 
	      	Order.init();
	      });
		</script>
		<!-- /JAVASCRIPTS -->
</body>
</html>